import { createRouter, createWebHistory } from 'vue-router'
// import HomeView from '@/views/Home/index.vue'
//--================= 组件通讯部分 
import HomeView from '@/views/Component_Communication/index.vue'
import ComC_01 from '@/views/Component_Communication/01_Props/index.vue'
import ComC_02 from '@/views/Component_Communication/02_自定义事件/index.vue'
import ComC_03 from '@/views/Component_Communication/03_mitt/index.vue'
//--==================

import toRefs_toRef_015 from '@/views/015_toRefs_toRef/index.vue'
import Computed_016 from '@/views/016_Computed/index.vue'
import Watch_017 from '@/views/017_Watch/index.vue'
import Watch_018 from '@/views/018_Watch(情况二)/index.vue'

//--==================
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      //component: HomeView
      component: Watch_018
    },
    {
      path: '/ComC_01',
      name: 'ComC_01',
      component: ComC_01
    }
    ,
    {
      path: '/ComC_02',
      name: 'ComC_02',
      component: ComC_02
    }
    ,
    {
      path: '/ComC_03',
      name: 'ComC_03',
      component: ComC_03
    },
    {
      path: '/ComC_03/a/b',
      name: 'ComC_032',
      component: ComC_03
    }
    // {
    //   path: '/about',
    //   name: 'about',
    //   // route level code-splitting
    //   // this generates a separate chunk (About.[hash].js) for this route
    //   // which is lazy-loaded when the route is visited.
    //   component: () => import('../views/AboutView.vue')
    // }
  ],

})

// console.log(router, typeof (router));


export default router
